/**
   File Name: memexplex_style.css
   Created: 06/01/2010
   Created By: Ryan Somma
   Description: Style sheet defining the appearance of the MemexPlex application.
*/

* {
    padding: 0px;
    margin: 0px;
}

html {
	overflow-y: scroll;
}

html,
body {
    height: 100%;
    font-family: "Arial",sans-serif;
    color: #000000;
    font-weight: normal;
    font-size: 14pt;
    letter-spacing: 1px;
    text-align: left;
    background-color: #9966ff;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #000000 0%, #9966FF 100%);
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #000000 0%, #9966FF 100%);
		/* Opera */ 
		background-image: -o-linear-gradient(top, #000000 0%, #9966FF 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(1, #9966FF));
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #000000 0%, #9966FF 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #000000 0%, #9966FF 100%);
}

#mainbody {
    max-width: 990px;
    min-width: 740px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    position: relative;
    min-height: 100%;
}

#modalbody {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    position: relative;
    min-height: 100%;
}

#header {
    width: 100%;
    background-color: #000066;
    height: 95px;
    margin-bottom:10px;
    color:#ffffff;
    text-shadow: 1px 1px #000000;
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(bottom, #000000 0%, #000066 100%);
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(bottom, #000000 0%, #000066 100%);
		/* Opera */ 
		background-image: -o-linear-gradient(bottom, #000000 0%, #000066 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #000066));
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(bottom, #000000 0%, #000066 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to top, #000000 0%, #000066 100%);
}

#header.meme,
.meme .mainMenu
{
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(bottom, #000000 0%, #0000FF 100%);
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(bottom, #000000 0%, #0000FF 100%);
		/* Opera */ 
		background-image: -o-linear-gradient(bottom, #000000 0%, #0000FF 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #0000FF));
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(bottom, #000000 0%, #0000FF 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to top, #000000 0%, #0000FF 100%);
}

#header.reference,
.reference .mainMenu
{
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(bottom, #000000 0%, #FF0000 100%);
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(bottom, #000000 0%, #FF0000 100%);
		/* Opera */ 
		background-image: -o-linear-gradient(bottom, #000000 0%, #FF0000 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #FF0000));
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(bottom, #000000 0%, #FF0000 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to top, #000000 0%, #FF0000 100%);
}

#header.triple,
.triple .mainMenu
{
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(bottom, #000000 0%, #00FFFF 100%);
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(bottom, #000000 0%, #00FFFF 100%);
		/* Opera */ 
		background-image: -o-linear-gradient(bottom, #000000 0%, #00FFFF 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #00FFFF));
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(bottom, #000000 0%, #00FFFF 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to top, #000000 0%, #00FFFF 100%);
}

#header.schema,
.schema .mainMenu
{
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(bottom, #000000 0%, #00FF00 100%);
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(bottom, #000000 0%, #00FF00 100%);
		/* Opera */ 
		background-image: -o-linear-gradient(bottom, #000000 0%, #00FF00 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #00FF00));
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(bottom, #000000 0%, #00FF00 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to top, #000000 0%, #00FF00 100%);
}

#content {
	 padding-bottom: 30px;   /* Height of the footer */
   padding: 0.5%;
}

#footer {
    width: 100%;
    bottom: 0;
    height: 30px;   /* Height of the footer */
    text-align: center;
}

#headerimage {
	position:relative;
	left:20px;
	top:3px;
	color: #ffffff;
	font-size:350%;
	font-family:verdana,sans-serif;
}

#tagline {
    font-weight:bold;
    font-size:24pt;
    color:#ffffff;
		position:absolute;
		top:10px;
		right:10px;
		z-index:20;
}

.mainMenu
{
    height: 95px;
	  position:absolute;
	  top:0px;
	  right:120px;
	  min-width:650px;
	  width: 50%;
    z-index:10;
    white-space:nowrap;
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(bottom, #000000 0%, #000066 100%);
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(bottom, #000000 0%, #000066 100%);
		/* Opera */ 
		background-image: -o-linear-gradient(bottom, #000000 0%, #000066 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #000066));
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(bottom, #000000 0%, #000066 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to top, #000000 0%, #000066 100%);
}

/* BEGIN DYNAMIC MENU PROPERTIES */
/*
div.subMainMenu
{
    background-color:#DADAFF;
    border:.10%;
    border-style:solid;
}
*/

.menuIcon,
.menuIconMemes,
.menuIconReferences,
.menuIconTriples,
.menuIconSchemas
{
	height:50px;
	width:50px;
}

#menu
{
    height: 95px;
    margin: 0;
    font-weight: bold;
}

.menuFloat
{
    white-space:nowrap;
    color:#ffffff;
		position:absolute;
		top:62px;
		right:-107px;
		z-index:20;
}

#menu li
{
    padding-top: 8px;
    margin: 0;
    padding-left: 7%;
    list-style: none;
    float: left;
    text-align: center;
}

#menu li a
{
    margin: 0 1px 0 0;
    text-align: center;
}

#menu a:link,
#menu a:visited,
#menu a:active,
#menu a:hover,
.menuFloat a:link,
.menuFloat a:visited,
.menuFloat a:active,
.menuFloat a:hover
{
    color:#ffffff;
}

#menu .menuSubDiv,
.menuSubDiv
{
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #000066;
    border: 1px solid #5970B2;
    z-index: 999;
    text-shadow:none;
    font-weight:normal;
}

.menuSubDiv a,
.menuSubDiv a:link,
.menuSubDiv a:visited,
.menuSubDiv a:active,
#menu .menuSubDiv a,
#menu .menuSubDiv a:link,
#menu .menuSubDiv a:visited,
#menu .menuSubDiv a:active
{
    display: block;
    position: relative;
    margin: 0;
    padding: 5px 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #FFFFFF;
    color: #000066;
}

#menu .menuSubDiv a:hover,
.menuSubDiv a:hover
{
    background: #000066;
    color: #FFFFFF;
}

/* IFRAME TO PUT UNDER DIV (SEE JavaScriptFunctions.js) */
.frmcls
{
    position:absolute;
    z-index:998;
    visibility: hidden;
}
/* END DYNAMIC MENU PROPERTIES */

/* Borders for List Items */
.divlistitem,
.memedivlistitem,
.referencedivlistitem,
.schemadivlistitem,
.tripledivlistitem,
.modaldivlistitem,
.modalmemedivlistitem,
.modalreferencedivlistitem,
.modalschemadivlistitem,
.modaltripledivlistitem,
.memedivlistitemquote,
.modalmemedivlistitemquote
{
	text-align:left;
	white-space:normal;
	background-color:#ffffff;
	border: 1px solid #cc66cc; 
	padding: 5pt;
	margin: 5px 2px 5px 2px;
    -webkit-border-radius: 10px;    /* for Safari and Chrome */
    -moz-border-radius: 10px;       /* for Firefox */
    -khtml-border-radius:10px;      /* for Linux */
    border-radius: 10px;             /* CSS3 */
}

.memedivlistitem h2,
.referencedivlistitem h2,
.schemadivlistitem h2,
.tripledivlistitem h2,
.modalmemedivlistitem h2,
.modalreferencedivlistitem h2,
.modalschemadivlistitem h2,
.modaltripledivlistitem h2
{
	  font-size:130%;
}
.memedivlistitem,
.referencedivlistitem,
.schemadivlistitem,
.tripledivlistitem,
.modalmemedivlistitem,
.modalreferencedivlistitem,
.modalschemadivlistitem,
.modaltripledivlistitem
{
	background-repeat: repeat-x, repeat-x, repeat-x, repeat-x;
	background-position: 0 0, 0 0, 0 0, 0 0;
  min-height: 100px;
  position:relative;
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #DDDDDD 100%);
/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #DDDDDD 100%);
/* Opera */ 
/*background-image: -o-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #DDDDDD 100%);*/
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(100,100,100,.3)), color-stop(23%,rgba(150,150,150,.1)), color-stop(40%,rgba(200,200,200,.1)), color-stop(61%,rgba(255,255,255,.2)), color-stop(70%,rgba(200,200,200,.1)), color-stop(80%,rgba(150,150,150,.1)), color-stop(100%,rgba(100,100,100,.25)));
/*background-image: -webkit-gradient(radial, center center, 0, center center, 444, color-stop(0, #FFFFFF), color-stop(1, #DDDDDD));*/
/* Webkit (Chrome 11+) */ 
/*background-image: -webkit-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #DDDDDD 100%);*/
/* W3C Markup, IE10 Release Preview */ 
/*background-image: radial-gradient(circle farthest-side at center, #FFFFFF 0%, #DDDDDD 100%);*/
}

.referencedivlistitem,
.modalreferencedivlistitem
{
  min-height: 120px;
}


.memedivlistitem,
.modalmemedivlistitem
{
	z-index: 10;
	border: 2px solid #0000ff;
}

.memedivlistitemquote,
.modalmemedivlistitemquote
{
	z-index: 0;
	border: 2px solid #9370db;
}

.referencedivlistitem,
.modalreferencedivlistitem
{
	border: 2px solid #ff0000; 
}

.schemadivlistitem,
.modalschemadivlistitem
{
	border: 2px solid #00ff00; 
}

.tripledivlistitem,
.modaltripledivlistitem
{
	border: 2px solid #00ffff; 
}

/*-----------------------------------------------------------------------
------------------ BEGIN ANIMATED LIST ITEM BACKGROUNDS -------------------
-------------------------------------------------------------------------*/

.memedivlistitem:hover,
.modalmemedivlistitem:hover,
.referencedivlistitem:hover,
.modalreferencedivlistitem:hover,
.schemadivlistitem:hover,
.modalschemadivlistitem:hover,
.tripledivlistitem:hover,
.modaltripledivlistitem:hover
{
  background-image:none; 
	-webkit-animation-direction: normal;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
}

@keyframes memecolors /* IE and FF */
{
    10% {background-color: #ccccff;}
    60% {background-color: #e9e9e9;}
    100% {background-color: #ccccff;}
}

@-webkit-keyframes memecolors  /* Safari and Chrome */
{
    10% {background-color: #ccccff;}
    60% {background-color: #e9e9e9;}
    100% {background-color: #ccccff;}
}

.memedivlistitem:hover,
.modalmemedivlistitem:hover
{
	  background-color: #ccccff;
		-webkit-animation-name: memecolors; /* Safari and Chrome */
		animation: memecolors 2s infinite;
}

@keyframes referencecolors /* IE and FF */
{
    10% {background-color: #ffcccc;}
    60% {background-color: #e9e9e9;}
    100% {background-color: #ffcccc;}
}

@-webkit-keyframes referencecolors {
    10% {background-color: #ffcccc;}
    60% {background-color: #e9e9e9;}
    100% {background-color: #ffcccc;}
}

.referencedivlistitem:hover,
.modalreferencedivlistitem:hover
{
	  background-color: #ffcccc;
		-webkit-animation-name: referencecolors; /* Safari and Chrome */
		animation: referencecolors 2s infinite;
}

@keyframes schemacolors /* IE and FF */
{
    10% {background-color: #ccffcc;}
    60% {background-color: #e9e9e9;}
    100% {background-color: #ccffcc;}
}

@-webkit-keyframes schemacolors {
    10% {background-color: #ccffcc;}
    60% {background-color: #e9e9e9;}
    100% {background-color: #ccffcc;}
}
  
.schemadivlistitem:hover,
.modalschemadivlistitem:hover
{
	  background-color: #ccffcc;
		-webkit-animation-name: schemacolors; /* Safari and Chrome */
		animation: schemacolors 2s infinite;
}

@keyframes triplecolors /* IE and FF */
{
    10% {background-color: #ccffff;}
    60% {background-color: #e9e9e9;}
    100% {background-color: #ccffff;}
}

@-webkit-keyframes triplecolors {
    10% {background-color: #ccffff;}
    60% {background-color: #e9e9e9;}
    100% {background-color: #ccffff;}
}

.tripledivlistitem:hover,
.modaltripledivlistitem:hover
{
	  background-color: #ccffff;
		-webkit-animation-name: triplecolors; /* Safari and Chrome */
		animation: triplecolors 2s infinite;
}

/*-----------------------------------------------------------------------
------------------ END ANIMATED LIST ITEM BACKGROUNDS -------------------
-------------------------------------------------------------------------*/

.modaldivlistitem,
.modalmemedivlistitem,
.modalreferencedivlistitem,
.modalschemadivlistitem,
.modaltripledivlistitem,
.triplesubjectobject,
.modalmemedivlistitemquote
{
	/*width:560px;*/
}

.quoteDisplay
{
	display:none;
}

/* Borders for List Items */

.predicatedisplay
{
    font-weight:bold;
    font-size:24pt;
    color:#000066;
    text-align:center;
}

.reference
{
  margin:0px;
	margin-left: auto;
	margin-right: auto;
	white-space:normal;
}

form
{
    display:inline;
}

.tableform
{
    border:1px groove gray;
    table-layout:auto;
    text-align:center;
    white-space:nowrap;
    margin-left:auto; 
    margin-right:auto;
}

.tableform th
{
    padding:3px;
    color:#ffffff;
    background-color:#000066;
}

.tableform td
{
    padding:3px;
}

table.layout
{
    width:10px;
    align:center;
    white-space:nowrap;
}

.largeBlue,.largeblue
{
    font-weight:bold;
    font-size:14pt;
    color:#000066;
    text-align:center;
}

.largeRed,.largered
{
    font-weight:bold;
    font-size:14pt;
    color:#ff0000;
    text-align:center;
}

.titleblock
{
	  white-space:normal;
    color:#000066;
}

.textblock
{
	white-space:normal;
	text-align:left;
}

p
{
	display:block;
	margin-bottom:10px;
}

ol, ul
{
	padding-left: 20px;
}

ul
{
	padding-left: 15px;
}

/* END FONT PROPERTIES */

/* BEGIN LINK PROPERTIES */

a
{
    text-decoration:none;
    white-space:nowrap;
}

a:link
{
    color:#000066;
}

a:visited
{
    color:#000066;
}

a:active
{
    color:#cc66cc;
}

a:hover
{
    color:#cc66cc;
}

a.NoLink
{
    text-decoration:none;
}

/* END LINK PROPERTIES */

/* BEGIN ERROR MESSAGE PROPERTIES */

.Normal
{
    color:#000000;
    font-weight:normal;
}

.ErrorBlue
{
    font-weight:bold;
    color:#0000ff;
}

.ErrorGreen
{
    font-weight:bold;
    color:#008000;
}

.ErrorRed
{
    font-weight:bold;
    color:#ff0000;
}

.ExclamationRed
{
    font-size:12pt;
    font-weight:bold;
    color:#ff0000;
}

/* END ERROR MESSAGE PROPERTIES */

/* BEGIN FORM ELEMENT PROPERTIES */

fieldset
{
	text-align:left;
	width: 575px;
	padding: 15px;
	margin-top:10px;
    -webkit-border-radius: 10px;   /* for Safari and Chrome */
    -moz-border-radius: 10px;      /* for Firefox */
    -khtml-border-radius: 10px;     /* for Linux */
    border-radius: 10px;            /* CSS3 */
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #BBBBBB 100%);
/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #BBBBBB 100%);
/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #BBBBBB 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #BBBBBB));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #BBBBBB 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #BBBBBB 100%);
}

legend
{
	font-weight: bold;
	font-size: 200%;
	background-color: #FFFFFF;
	border: solid 1px;
	padding: 5px 10px 5px 10px;
    -webkit-border-radius: 10px;   /* for Safari and Chrome */
    -moz-border-radius: 10px;      /* for Firefox */
    -khtml-border-radius: 10px;     /* for Linux */
    border-radius: 10px;            /* CSS3 */
}

input
, textarea 
, .styled-select
{
		width:97%;
    padding: 5px;  
    font-size: 20px;  
    text-shadow: 0px 1px 0px #fff;  
    outline: none;  
    background: -webkit-gradient(linear, left top, left bottombottom, from(#bcbcbe), to(#ffffff));  
    background: -moz-linear-gradient(top,  #bcbcbe,  #ffffff);  
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;  
    border-radius: 3px;  
    border: 1px solid #717171;  
    -webkit-box-shadow: 1px 1px 0px #efefef;  
    -moz-box-shadow: 1px 1px 0px #efefef;  
    box-shadow:  1px 1px 0px #efefef;  
    margin:1px;
}  

input:focus, input:hover,
textarea:focus, textarea:hover
,.styled-select:hover
{  
    -webkit-box-shadow: 0px 0px 5px #007eff;  
    -moz-box-shadow: 0px 0px 5px #007eff;  
    box-shadow: 0px 0px 5px #007eff;  
}  

textarea
{
		heigth:600px;
}

#searchString
{
	width:43%;
	display:inline-block;
}

#modalbody #searchString
{
	width:80%;
}

.styled-select {
    overflow:hidden; /* this hides the select's drop button */
    padding:0; 
    margin:0; 
    background: white url('../images/arrow-down.png') no-repeat bottom right;
    background-size:40px 40px;
    /* this is the new drop button, in image form */
    width:12em;
    display:inline-block;
    vertical-align: middle;
}

#divpredicateid {
    width:99%; 
}

.styled-select select {
    width:115% /* this percentage effectively extends the drop down button out of view */; 
    background-color:transparent /* this hides the select's background making any styling visible from the div */; 
    background-image:none; 
    -webkit-appearance: none /* this is required for Webkit browsers */; 
    border:none; 
    box-shadow:none; 
    padding:0.3em 0.5em; /* padding should be added to the select, not the div */
    font-size: 20px;  
}

input[type="button"]
{
	  width: auto;
}

option:first 
{
    color: #999;
}

label
{
		font-size:75%;
    /*display:none;*/
}

/* 
Replaces Checkboxes:
http://proto.io/freebies/onoff/
*/
.onoffswitch {
    position: relative; 
    width: 170px;
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; 
    overflow: hidden; 
    cursor: pointer;
    border: 2px solid #999999; 
    border-radius: 50px;
}

.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; 
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; 
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; 
    width: 50%; 
    height: 28px; 
    padding: 0; 
    line-height: 28px;
    font-size: 19px; 
    color: white; 
    font-family: Trebuchet, Arial, sans-serif; 
    font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "PUBLIC";
    padding-left: 12px;
    background-color: #000066; color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "PRIVATE";
    padding-right: 12px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

#cookieonoffswitch.onoffswitch .onoffswitch-inner:before {
    content: "COOKIE";
}

#cookieonoffswitch.onoffswitch .onoffswitch-inner:after {
    content: "!COOKIE";
}

.onoffswitch-switch {
    width: 50px; margin: -11px;
    background: #000066;
    border: 2px solid #999999; 
    border-radius: 50px;
    position: absolute; 
    top: 0; 
    bottom: 0; 
    right: 138px;
    -moz-transition: all 0.3s ease-in 0s; 
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; 
    transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}



/* END FORM ELEMENT PROPERTIES */

/* BEGIN HEADER-SPECIFIC PROPERTIES */

.header
{
    font-weight:bold;
    font-style:italic;
    font-size:18pt;
    color:#000066;
    width:100%;
    border-style:none;
    text-align:left;
	  vertical-align:middle;
}

.header img
{
	  vertical-align:middle;
}

span.PageTitle
{
    font-weight:normal;
    font-size:10pt;
    font-style:normal;
    color:#000000;
}

/* END HEADER-SPECIFIC PROPERTIES */

/* BEGIN MISCELLANEOUS PROPERTIES */

img
{
    border:0px;
    vertical-align:-15%;
}

hr 
{
	  width: 90%;
	  text-align: center; /*this will align it for IE*/
    margin-left: auto;
    margin-right: auto;
}

/* END MISCELLANEOUS PROPERTIES */

/* PAGING NAVIGATION CSS */
.pagination 
{  
	display: block;  
	text-align: center;
	position:relative;
	top:8px;
	margin-bottom:15px;
}  
.pagination a
{  
	color: #000066;
	background-color: white;
	text-decoration: none;
	border: 1px solid #000066;
	padding:1px 5px 1px 5px;
	font-weight:bold;
	font-size:150%;
	vertical-align:middle;
	margin-left:3px;
    -webkit-border-radius: 4px;    /* for Safari */
    -moz-border-radius: 4px;       /* for Firefox */
    -khtml-border-radius: 4px;      /* for Linux */
    border-radius: 4px
}  
.pagination span
{  
	color: #000066;
	background-color: white;
	padding:1px 5px 1px 5px;
	font-weight:bold;
	vertical-align:middle;
	margin-left:3px;
}  
.pagination a:hover
{  
	color: white; 
	background-color: #000066;
	text-decoration: none;
	border: 1px solid #cc66cc;
	padding:1px 5px 1px 5px;
	font-weight:bold;
	vertical-align:middle;
	margin-left:3px;
    -webkit-border-radius: 4px;    /* for Safari */
    -moz-border-radius: 4px;       /* for Firefox */
    -khtml-border-radius: 4px;      /* for Linux */
    border-radius: 4px
}
a.pagingCurrent
{
	color: white; 
	background-color: #000066;
}

a.menulink,
a.folkHelp
{
	text-align: center;
	position:relative;
	color: #000066;
	text-decoration: none;
	border: 1px solid #000066;
	padding:1px 5px 1px 5px;
	font-weight:bold;
	vertical-align:middle;
	line-height:30px;
	margin-left:5px;
	-webkit-border-radius: 4px;    /* for Safari */
	-moz-border-radius: 4px;       /* for Firefox */
	-khtml-border-radius: 4px;      /* for Linux */
	border-radius: 4px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
}

a.menulink:hover
{
	-moz-box-shadow:inset 0px 1px 0px 0px #000066;
	-webkit-box-shadow:inset 0px 1px 0px 0px #000066;
	box-shadow:inset 0px 1px 0px 0px #000066;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000066), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #000066 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#ffffff');
	background-color:#000066;
	color:#ffffff;
}

.memedivlistitem a.menulink:hover,
.modalmemedivlistitem a.menulink:hover
{  
	color: white;
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
}

.referencedivlistitem a.menulink:hover,
.modalreferencedivlistitem a.menulink:hover
{  
	color: white;
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d) );
	background:-moz-linear-gradient( center top, #fc8d83 5%, #e4685d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d');
	background-color:#fc8d83;
}

.schemadivlistitem a.menulink:hover,
.modalschemadivlistitem a.menulink:hover
{  
	color: white;
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
}

.tripledivlistitem a.menulink:hover,
.modaltripledivlistitem a.menulink:hover
{  
	color: white;
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
	background-color:#bddbfa;
}

.divListItemDate
{
		position:absolute;
		top:4px;
	  right:4px;
}

.referencedivlistitem .divListItemDate,
.modalreferencedivlistitem .divListItemDate
{
	right:80px;
}

.folksonomies
{
	position:absolute;
	bottom:4px;
	width:70%;
}

.folksonomiesHeight
{
	width:70%;
	visibility:hidden;
}

.expandButton
{
	position:absolute; 
	bottom:4px;
	right:4px;
}

.referenceDivImage
{
	
}

.referenceDivImageSmall
{
	position:absolute;
	top:4px;
	right:5px;
}

.referenceDivImageSmall img
{
  height:100px;
  width:66px;
}

.reference
{
	 float:left;
	 width:90%;
}

.referenceFieldSet
{
	 border:solid 1px;
}

#referenceDateRetrieved,
#referenceDate
{
	  width:50%;
}

#divreferenceSuperType,
#divreferenceType
{
    width:14.9em;
}

input[id^="author"]
{
	 width:250px;
}

.googleBookDisplay
{
	  height:275px;
	  width:180px;
    float:right;
    border:solid;
    text-align:center;
    position:relative;
    top:0px;
}

.googleBookDisplayImage
{
	  height:275px;
	  width:180px;
}

.googleBookDisplayText
{
    font-size:180%;
    position:relative;
    top:50px;
    display:inline-block;
    white-space:normal;
}

#predicateDisplay
{
	 height:40px;
}

.submodal-650-525 :not(.googleBookDisplayText):not(.googleBookDisplayImage)
{
	 display:none;
	-webkit-border-radius: 4px;    /* for Safari */
	-moz-border-radius: 4px;       /* for Firefox */
	-khtml-border-radius: 4px;      /* for Linux */
	border-radius: 4px
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
}

.submodal-650-525:hover :not(.googleBookDisplayText)
{
	-moz-box-shadow:inset 0px 1px 0px 0px #000066;
	-webkit-box-shadow:inset 0px 1px 0px 0px #000066;
	box-shadow:inset 0px 1px 0px 0px #000066;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000066), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #000066 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#ffffff');
	background-color:#000066;
	color:#ffffff;
}

.moreButtonDiv
{
	float:right;
	position:relative;
	top:8px;
	left:-20px;
}

.moreButton
{
	width:40px;
	height:40px;
}

#btnSave
{
	width: 75px;
  height: 75px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url('../images/play_button.png') no-repeat center top;
  background-size:75px 75px;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */

}

#btnDelete
{
	width: 75px;
  height: 75px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url('../images/delete_button.png') no-repeat center top;
  background-size:75px 75px;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */

}

#searchStringbutton
{
	width: 45px;
  height: 45px;
  margin: 0;
  margin-right:2px;
  padding: 0;
  border: 0;
  background: transparent url('../images/search_button.png') no-repeat center top;
  background-size:45px 45px;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */

}

.memeListIcon,
.referenceListIcon,
.schemaListIcon,
.tripleListIcon
{
	width: 25px;
	height:25px;
}


.memeTagLineImage,
.referenceTagLineImage,
.schemaTagLineImage,
.tripleTagLineImage
{
	width: 50px;
	height:50px;
}

/* Play with this later: custom selection style
::selection,
::-moz-selection 
{
	background:#FF0000;
	color:#fff;
}
*/

.calendar {
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	font-size: 120%;
	background-color: #EEE;
	color: #333;
	border: 1px solid #DDD;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 0.2em;
	width: 15.5em;
}

.calendar .months {
	background-color: #000066;
	border: 1px solid #0000FF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFF;
	padding: 0.2em;
	text-align: center;
}

.calendar .prev-month,
.calendar .next-month {
	padding: 0;
}

.calendar .prev-month {
	float: left;
}

.calendar .next-month {
	float: right;
}

.calendar .current-month {
	margin: 0 auto;
}

.calendar .months .prev-month,
.calendar .months .next-month {
	color: #FFF;
	text-decoration: none;
	padding: 0 0.4em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

.calendar .months .prev-month:hover,
.calendar .months .next-month:hover {
	background-color: #0000FF;
	color: #FFFFFF;
}

.calendar table {
	border-collapse: collapse;
	padding: 0;
	font-size: 80%;
	width: 100%;
}

.calendar th {
	text-align: center;
}

.calendar td {
	text-align: right;
	padding: 1px;
	width: 14.3%;
}

.calendar td span {
	display: block;
	color: #0000FF;
	background-color: #F6F6F6;
	border: 1px solid #CCC;
	text-decoration: none;
	padding: 0.2em;
	cursor: pointer;
}

.calendar td span:hover {
	color: #FFFFFF;
	background-color: #0000FF;
	border: 1px solid #000066;
}

.calendar td.today span {
	background-color: #FFF0A5;
	border: 1px solid #0000FF;
	color: #0000FF;
}

@media only screen and (max-device-width: 480px) {
	/*Make paging buttons bigger for mobile phones*/
	.pagination a
	{  
			font-size:200%;
	}
}